<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="css/zhuce.css"/>
		
	</head>
	<body>
	<div class="header">
        <div class="w">
                <div class="logo">
                    <a href="javascript:;" class="bglogo"></a>
                </div>
               <div class="welcome">欢迎注册</div>
          
            <div class="fr">
                已有账号？&nbsp;<a href="login.html">请登录></a>
            </div>
        </div>
    </div>
		<!-- 头部结束 -->
	<div class="contains">
	<div class="bar">
        <div class="pro">
            <span class="index">1</span>
            <p class="step">验证手机号</p>
        </div>
        <div class="pro-line  "></div>
        <div class="pro">
            <span class="index1" >2</span>
            <p >填写账号信息</p>
        </div>
        <div class="pro-line2"></div>
        <div class="pro ">
            <span class="index2">3</span>
            <p >注册成功</p>
        </div>
    </div>
				<!-- 输入框 -->
		<div class="main" >
		<div class="form">
                <label class="phone">中国0086<img src="images/xjt.png"></label>
                <input type="text" class="phone1" placeholder="建议使用常用手机号" />
				<p id="fp">验证完成后，你可以使用该手机登录或更改密码！</p>
            </div>
			
			<div id="bon" >
				<input type="text" name="" id="boo" value="点击进行验证" />
				<input type="text" id="ipt1" placeholder="输入验证码" />
				<input type="button" id="btn" value="点击验证"/>
			</div>
			<div class="xy">
				下一步
			</div>
			<div class="zc">
			<a href="" class="qy">企业用户注册</a><a href="" class="hw">海外用户注册</a>	
			</div>
			</div>
		</div>			
								<!-- 验证信息 -->
				<div class="main1">
				<div >
				        <label class="phone">用户名</label>
				        <input type="text" class="phone2 username" placeholder="" />
				</div>
				<div>
					        <label class="phone">设置密码</label>
					        <input type="password" class="phone2 password"  />
				</div>
				<div >
				        <label class="phone">确认密码</label>
				        <input type="password" class="phone2" placeholder="请再次输入密码" />
				</div>
				<div >
				        <label class="phone">邮编验证</label>
				        <input type="text" class="phone2" placeholder="至少六位数字" />
				</div>
				<div>
				        <label class="phone">随机验证码</label>
				        <input type="text" class="phone2" placeholder="任意六位随意数" />
				 </div>
			<div class="lj">
				<a class="register" href="javascript:;">立即注册</a>
			</div>
			<div class="zc1">
			<a href="" class="qy1">企业用户注册</a><a href="" class="hw1">海外用户注册</a>	
			</div>	 
			</div>
			
		<!-- 内容结束 -->
		<div  class="footer" id="foot">
            <div class="links" id="link">
            <a> 关于我们</a>|
            <a >联系我们</a>|
            <a >人才招聘</a>|
            <a >商家入驻</a>|
            <a >广告服务</a>|
            <a >手机京东</a>|
            <a >友情链接</a>|
            <a >销售联盟</a>|
            <a >京东社区</a>|
            <a >京东公益</a>|
            <a>English Site</a>
        </div>
        <div>
            Copyright&copy;2004-2019&nbsp;&nbsp;京东JD.com&nbsp;版权所有
        </div>
    </div>
		<div class="bg"></div>
		<div  class="xys">
			<p>京东用户注册协议和隐私政策</p>
			<div style="padding: 10px;background: #FFFFFF;height:426px;overflow-y:scroll;">
			在您注册成为京东用户的过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体并下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制。）：</br>
			
1,京东用户注册协议</br>
2,京东用户注册协议</br>
3,京东用户注册协议</br>
4,京东用户注册协议</br>
5,京东用户注册协议</br>
6,京东用户注册协议</br>
7,京东用户注册协议</br>
8,京东用户注册协议</br>
9,京东用户注册协议</br>
10,京东用户注册协议</br>
隐私政策</br>
个人信息是指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。本隐私政策中涉及的个人信息包括：基本信息（包括个人姓名、生日、性别、住址、个人电话号码、电子邮箱）；个人身份信息（包括身份证、军官证、护照、驾驶证等）；面部特征；网络身份标识信息（包括系统账号、IP地址、邮箱地址及与前述有关的密码、口令、口令保护答案）；个人财产信息（交易和消费记录、以及余额、京豆、优惠券、京东E卡、游戏类兑换码等虚拟财产信息）；通讯录；个人上网记录（包括网站浏览记录、软件使用记录、点击记录）；个人常用设备信息（包括硬件型号、设备MAC地址、操作系统类型、软件列表唯一设备识别码（如IMEI/android ID/IDFA/OPENUDID/GUID、SIM卡IMSI信息等在内的描述个人常用设备基本情况的信息）；个人位置信息（包括行程信息、精准定位信息、住宿信息、经纬度等）；

个人敏感信息是指一旦泄露、非法提供或滥用可能危害人身和财产安全，极易导致个人名誉、身心健康受到损害或歧视性待遇等的个人信息，本隐私政策中涉及的个人敏感信息包括：您的财产信息（包括交易记录及京东余额、京豆、优惠券、E卡等虚拟财产信息）；面部识别特征；个人身份信息（包括身份证、军官证、护照、驾驶证、户口本）；网络身份识别信息（包括账户名、账户昵称、邮箱地址及与前述有关的密码与密码保护问题和答案）；其他信息（包括通讯录、个人电话号码、手机号码、行程信息、网页浏览记录、住宿信息、精准定位信息）。

我们仅会出于以下目的，收集和使用您的个人信息：

（一）您须授权我们收集和使用您个人信息的情形
我们的产品与/或服务包括一些核心功能，这些功能包含了实现网上购物所必须的功能、改进我们的产品与/或服务所必须的功能及保障交易安全所必须的功能。我们可能会收集、保存和使用下列与您有关的信息才能实现上述这些功能。如果您不提供相关信息，您将无法享受我们提供的产品与/或服务。这些功能包括：

1、实现网上购物所必须的功能
</div>
		<div style="width:947px;height:164px;background: #FFFFFF;">
			<div style="width:430px;height:29px;margin:0 auto;padding-top:25px;">
			<div style="float: left;background: #CCCCCC;width: 200px;height: 54px;line-height: 54px;text-align: center;">取消</div>
			<div style="float: right;background: #f00;width: 200px;height: 54px;line-height: 54px;text-align: center;" onclick="$.tongyi()">同意并继续</div>
			</div>
		</div>
		</div>
	<div class="wj">

	</div>	

	<script src="jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/axios.js"></script>
	<script src="js/pz.js"></script>
	<script type="text/javascript">
		 $.tongyi =function (){
			 $(".bg").css('display','none')
			 $(".xys").css('display','none')
		}  
		let iptname = false;
		let ipt2name = false;
		let ipt3name = false;
		let ipt4name = false;
		let ipt5name = false;
		let ipt6name= false;
         $(function(){
         $(".phone1").on("click",function(){
             $("#fp").css("display","block");
         })

         $(".phone1").blur(function(){
             let res =  /^(13[0-9]|14[0-9]|15[0-9]|18[0-9]|17[0-9])\d{8}$/;
             if(res.test(this.value)){
				iptname=true;
				$("#fp").css('display','block');
                $("#boo").click(function(){
                    $("#ipt1").css('display','block');
                    $("#btn").css('display','block');
                    $("#boo").css('display','none');
                    $("#btn").click(function(){
                        var Num = "";
						　for(var i=0;i<4;i++){
                        　Num+= Math.floor(Math.random()*10);
                        $("#btn").val(Num);
					}
                    })
                    $(".xy").click(function(){
                        if($("#btn").val() == $("#ipt1").val()){
                           	$('.main').css('display','none')
                           	$('.main1').css('display','block')
                           	$('.footer').css('margin-top','850px')
                           	$('.pro').eq(1).find('span').addClass('index')
                           	$('.pro').eq(1).find('p').addClass('step')
                        }else{
							alert("验证码输入不一致")
                            $(".xy:disabled")
                     }
                    })
                })
             }else{
                 $("#fp").show()
                 $("#fp").css('color','red')
             }
            $.check()
         })
		   });

         $.check=function(){
			if(iptname&&ipt2name&&ipt3name&&ipt4name&&ipt5name&&ipt6name){
				$("#btn").disabled=true
			}else{
				$("#btn").disabled=false
			}
		}
      

			$(".main1 input").eq(0).blur(function(){
				// let tes = /^[\u2E80-\u9FFF]+$/;
				// if(tes.test(this.value)){
				// 	ipt2name=true;
				// }else{
				// 	alert("只能输入中文")
				// }
				// $.check()
			})

			$(".main1 input").eq(1).blur(function(){
				let ces = /^[0-9a-zA-Z]{6,12}$/;
				if(ces.test(this.value)){
					ipt3name=true;
				}else{
					
				}
				$.check()
			})

			$(".main1 input").eq(2).blur(function(){
				let flg = true;
				if(this.value ==$(".main1 input").eq(1).val()){
					ipt4name=true;
				}else{
					if(flg){
						alert("密码输入不一致")
						flg = false;
					}else{
						
					}
				}
				$.check()
			})

			$(".main1 input").eq(3).blur(function(){
				// let fig = true
				// let ttes = /^\d{6}$/;
				// if(ttes.test(this.value)){
				// 	ipt5name=true;
				// }else{
				// 	console.log(1)
				// 	if(fig){
				// 		alert('请输入正确至少六位')
				// 		fig = false;
				// 		}else{	
				// 		}
				// }
				// $.check()
			})

			$(".main1 input").eq(4).blur(function(){
				let ffg = true
				let qes = /^[a-zA-Z0-9]+\w{4,12}$/;
				if(qes.test(this.value)){
					ipt6name=true;
				}
					else{
						console.log(1)
						if(ffg){
								alert("请随意输入5~12为数")
							ffg = false;
							}else{	
							}
				}
				$.check()
			})
			
			$('.lj').click(function() {
				var username = $('.username').val()
				var password = $('.password').val()
				// var email = $('.email').val()
				
				$.get("http://47.104.244.134:8080/username.do",{username:username})
				.done(data=>{
					console.log(data)
					if(data.code == 0){
						alert('用户名已注册')
					}else{
						$.post("http://47.104.244.134:8080/usersave.do",{
							username:username,
							password:password,
							email:username+"@163.com",
							sex:"男"
						}).done(data=>{
							window.location.href = 'login.html'
						})
					}
					
				})
				// $.get("http://47.104.244.134:8080/useremail.do",{email:12+"@163.com"})
				// .done(data=>{
				// 	console.log(data)
				// })
				// 
			})
			
			
	</script>
</html>